@charset "utf-8";


body{ background-color:#fff;}

.hr_inner_solid{ border-top: 1px solid #000; border-bottom: 1px solid #fff; opacity: 0.5; margin: 5px auto;}
.hr_inner_dashed{ border-top: 1px dashed #000; border-bottom: 1px dashed #fff; opacity: 0.5; margin: 3px auto;}

#product_slider{height:auto;}
#product_info .affix { position:fixed; top:0px; width: 100%;}

.carousel-control{ line-height:250px}
.carousel-inner .item { height:auto; background-size:96%; background-position:center; background-repeat:no-repeat}
.carousel-inner #items { height:auto; background-size:cover; background-position:center; background-repeat:no-repeat}
.carousel-indicators {bottom: 0px;}
.carousel-caption {padding-bottom: 10px;bottom: 8px;}
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.1) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0001)));
}
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.1) 100%);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.1) 100%);
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.1) 100%));
    background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.1)));
}

.nav-tabs>li>a {border:0;border-radius:0;color:#fff;}
.nav-tabs span{ margin-right:3px;}
.nav-tabs,.nav-tabs>li>a:hover {background:#609ee8;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border-radius: 0;
    border:0;
    border-bottom: 5px solid #0E7AC3;
    font-weight:bold;
}
.tab-pane { padding:5px;color: #666;}
.tab-pane h1 {color: #fff;font-size:18px;line-height:33px;font-weight: bold;}
.tab-pane p { padding:5px 10px;color: #8d8d8d;line-height: 22px;}
.tab-pane img { width:100%; margin:3px auto;}


.p-title { text-align: center;}
.p-title h5{ line-height: 35px; font-size: 1em; font-weight: bold; color: #fff; }

.tabfont{ text-align:center; margin:5px auto; padding: 0 10px 10px 10px;border-top: 1px dashed #333; border-bottom: 1px dashed #333;}
.tabfont div { text-align: left; line-height: 30px; color:#333;}
.tabfont div label{ font-size:1em;color: #0E7AC3;}
.tabfont div del,.tabfont div span{ font-size:1.0em; font-weight:bold; margin-right: 5px; color:#eb9316; font-style: italic;}


#canshu ul { text-align: center;}
#canshu ul li { display: inline-block; width: 30% ; margin: 3px; height: auto;}
.maininfo h4{ background: url(../img/info.png) no-repeat 5px 5px; padding-left: 30px; margin-left: 5px; color:#fff;}


#myrank>li{ text-align: center; border-bottom: 1px #666 dashed; }
#myrank>li>h4{ text-align: left; padding:5px; font-size: 0.5em; font-weight: normal;}
#myrank>li>div{ text-align: left;}
#myrank>li>div>img{ width:40px; height: 40px; margin:5px; border:2px #fff solid;}
#myrank>li>div>i{ color: #eb9316; font-size: 1.5em;line-height: 50px;}
#myrank>li>p{ font-size: 1em; text-align: left;}
#myrank>li>.picshow>span{ display:block; margin:0 5px 5px 0; float: left; width: 80px; height: 80px; background-size: cover; background-position:center; background-repeat: no-repeat;}

#myrank1>li{ text-align: center; border-bottom: 1px #666 dashed; }
#myrank1>li>h4{ text-align: left; padding:5px; font-size: 0.8em; font-weight: normal;}
#myrank1>li>div{ text-align: left;}
#myrank1>li>h4>img{ width:40px; height: 40px; margin:5px; border:2px #fff solid;}
#myrank1>li>div>i{ color: #eb9316; font-size: 1.5em;line-height: 50px;}
#myrank1>li>div>.pull-right{ line-height: 50px;}
#myrank1>li>p{ font-size: 1em; text-align: left;}
#myrank1>li>.picshow>span{ display:block; margin:0 5px 5px 0; float: left; width: 80px; height: 80px; background-size: cover; background-position:center; background-repeat: no-repeat;}

/*footer底部*/
.footer{ width:100%; height:50px; position:fixed; bottom:0; line-height:50px; border-top: 1px #fff solid; background: #000; opacity: 0.8}
.footer .row{ color: #fff;}
.footer .row a { margin-left: 25px;color: #fff; font-weight: bold;}

.footer .bor{ width:100%; height:1px; background:rgba(255,255,255,0.3)}
.footer a{text-decoration:none;}
.footer dl{ width:33.3%; height:50px; float:left; border-right:1px solid #4e4d4d;color:#fff; padding: 5px 0 0 0;}
#dl_03{border-right:none;}
.footer dl dt,.footer dl dd{ text-align: center;}


/*copy*/
.copy{ width:100%; height:50px; text-align:center;}
.copy p{ width:100%; font-size:14px; color:#CCC;}


/*产品列表类products*/
.main1{ line-height:30px; }
#main1_font{  font-size:1em; color:#cccccc;}
#main1_font i{ color: #0E7AC3; font-size:0.5em; padding: 0 10px 10px 10px;}
#main1_font span{ font-size:0.8em; padding-left:10px;}
.product_list{ width:100%; height:auto;}
.product_list li{ background-color: #35BAE7; background-image:url(../img/li_cover.png); background-size: contain; background-position: right; background-repeat: no-repeat;  box-shadow: 0 2px 2px #0e0d0e; border-radius: 2px; margin:20px 0; padding:3px; height:110px;}
.product_list li .img {display: block; height:100px; width:102px; float: left; margin-right:10px; border-right:1px solid #a1e7ff; margin-top:0;padding: 4px 8px 4px 4px;}
.product_list li .img img {width:90px;}
.product_list li .title{ color:#fff; font-size:1em; line-height:24px; text-shadow: 1px 1px 4px #247690; }
.product_list li span{ color:#FFFF00; font-size:1.2em; font-weight: bold; line-height:1.5em;}
.product_list li span em{ color:#195A71; font-size:0.8em; font-weight: normal;}
.product_list li .msg{ color: #fff; text-shadow: 1px 1px 4px #247690;}
.product_list a:hover{ text-decoration:none;}